<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<style>
		h1 {
			padding: 20px;
			box-sizing: border-box;
			border-bottom: 1px solid #DCDFE6;
		}

		.el-header {
			height: auto !important;
		}

		.menu-icon {
			width: 16px;
			height: 16px;
			margin-right: 10px;
		}
	</style>
	<link rel="stylesheet" href="./styles/element.css">
	<link rel="stylesheet" href="./styles/options/akContainer.css">
	<title>插件配置页</title>
</head>

<body>
	<div id="app">
		<el-header>
			<h1 style="color:#409EFF">销冠hybrid调试工具</h1>
		</el-header>
		<el-row>
			<el-col :span="4">
				<el-container>
					<el-aside>
						<el-row class="tac">
							<el-col :span="12">
								<el-menu default-active="/options/ak_mgr" :router="true">
									<el-menu-item>
										<img class="menu-icon" src="img/project.png" alt="">
										<span>项目管理</span>
									</el-menu-item>
									<el-menu-item index="/options/ak_mgr">
										<img class="menu-icon" src="img/authorization.png" alt="">
										<span>AK管理</span>
									</el-menu-item>
									<el-menu-item index="/options/version_mgr">
										<img class="menu-icon" src="img/version.png" alt="">
										<span>APP版本管理</span>
									</el-menu-item>
								</el-menu>
							</el-col>
					</el-aside>
				</el-container>
			</el-col>
			<el-col :span="20">
				<el-container>
					<el-main>
						<router-view></router-view>
					</el-main>
				</el-container>
			</el-col>
		</el-row>

	</div>
	<script src="js/plugins/jquery-1.8.3.js"></script>
	<script src="js/plugins/vue.js"></script>
	<script src="js/plugins/vue-router.min.js"></script>
	<script src="js/plugins/element.js"></script>
	<script src="./js/plugins/sea.js"></script>
	<script  src="./js/plugins/axios.min.js"></script>
	<script src="js/options.js"></script>
</body>

</html>
